<template>
    <view class="container">
		<goods v-if="pageCur=='0'"></goods>
		<order v-if="pageCur=='1'"></order>
		<customer v-if="pageCur=='2'"></customer>
        <view class="footer-box">
            <luo-tabbar dotType="success" dotFontColor="#ffffff" :tabList="list" @changeTab="changeTab"></luo-tabbar>
        </view>
    </view>
</template>
<script>
    import luoTabbar from "@/components/luo-tabbar/luo-tabbar.vue"
    export default {
        data() {
            return {
                list:[
                    {
                        img: require('../../components/luo-tabbar/img/1.png'),
                        checkedImg: require('../../components/luo-tabbar/img/5.png'),
                        title: '商品'
                    },
                    {
                        img: require('../../components/luo-tabbar/img/2.png'),
                        checkedImg: require('../../components/luo-tabbar/img/6.png'),
                        title: '订单'
                    },
                    {
                        img: require('../../components/luo-tabbar/img/3.png'),
                        checkedImg: require('../../components/luo-tabbar/img/7.png'),
                        // isDot: true, //开启指示点
                        // val: 10,
                        title: '客户'
                    },
                ],
				pageCur:0
            }
        },
        components:{
            luoTabbar
        },
        onLoad() {
			console.log("hrer")
        },
        methods: {
            changeTab(index){
                console.log(index)
				this.pageCur = index
            }
        }
    }
</script>